<template>
  <div style="color: #fff;">
    <div class="left" style="font-size: 24px;">
      单位产品排放(万个)
    </div>
    <div class="left">
      <div class="left-item">
        <div class="left-item-div">CO2</div>
      </div>
      <div class="left-item">
        <span class="left-item-span">51 </span>T
      </div>
    </div>
    <div class="left">
      <div class="left-item">
        <div class="left-item-div">标煤</div>
      </div>
      <div class="left-item">
        <span class="left-item-span">13 </span>T
      </div>
    </div>
  </div>
  
</template>
 
<script>
export default {
  name: 'IndexLeft',
  data () {
    return {
      
    }
  }
}
</script>
 
<style lang="less">
.left {
  // background-color: rgba(10, 29, 50, 0.8);
  border-top: 2px solid rgba(1, 153, 209, .5);
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  padding: 20px;
}
.left-item-span{
  font-size: 30px;
}
.left-item-div{
  font-size: 24px;
}
</style>
